<template>
  <router-view></router-view>
</template>

<script lang="ts">
import { onMounted, defineComponent, ref, inject } from "vue";

export default defineComponent({
  setup() {
    // const mqtt: any = inject("$m");
    // mqtt.subscribe(["web/10002", "web/10003"], 0);
    // // 自定义数据处理函数
    // const dealMessage = (topic: string, payload: Buffer) => {
    //   console.log(`主题为: ${topic}=> '负载为:'${payload.toString()}`);
    // };
    // onMounted(() => {
    //   // 监听某个主题的消息
    //   mqtt.message_callback("web/10002", dealMessage);
    //   mqtt.message_callback("web/10003", dealMessage);
    // });
    window.addEventListener(
      "message",
      function (e) {
        /**
         * 此 if 作为来源检查。
         * 因为此监听可以接收任意来源的 postmessage
         * */
        console.log(e.data); //打印结果：我是父窗口传递的参数
      },
      false
    );
  },
});
</script>

<style>
* {
  margin: 0;
}
html,
body,
#app {
  height: 100%;
  overflow: hidden;
}
</style>
